<template>
  <div class="class-contain">
    <Goback></Goback>
    <ul>
      <li> <router-link to='/allitems'><img src="../assets/class/all.jpg" alt=""><p>全部商品</p></router-link></li>
      <li> <router-link to='/allitems'><img src="../assets/class/1.jpg" alt=""><p>主题服饰</p></router-link></li>
      <li> <router-link to='/allitems'><img src="../assets/class/2.jpg" alt=""><p>创意T恤</p></router-link></li>
      <li> <router-link to='/allitems'><img src="../assets/class/3.jpg" alt=""><p>生活用品</p></router-link></li>
      <li> <router-link to='/allitems'><img src="../assets/class/4.jpg" alt=""><p>手办玩偶</p></router-link></li>
    </ul>
    <div style="height: 5rem;"></div>
  </div>
</template>

<script>
export default {
mounted(){
  // console.log(this.goback)
}
}
</script>

<style lang="scss" scoped>

ul{
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  text-align: center  ;
  li{
    box-sizing: border-box;;
    padding: 5px;
    width:45%;
    img{
      width: 8rem;
    }
  }
}
</style>